<template>
		<el-container>
			<el-aside class='left_nav' width="205px">
				<router-link class="tocont" to="/info/aboutUs">
					<i class="iconfont icon-bangzhu"></i>{{$t("home.aboutUs")}}
				</router-link>
				<!-- <router-link class="tocont" to="/info/contactUs">
					<i class="iconfont iconkefu"></i>{{$t("home.contactUs")}}
				</router-link> -->
				<router-link class="tocont" to="/info/joinUs">
					<i class="iconfont icon-tuandui"></i>{{$t("home.joinUs")}}
				</router-link>
				<router-link class="tocont" to="/info/help">
					<i class="iconfont icon-a-fankui1"></i>{{$t("home.helpCenter")}}
				</router-link>
			</el-aside>
			<el-main>
				<router-view style="min-height: 400px;"></router-view>
			</el-main>
		</el-container>
</template>

<script>
	export default {
		data: function() {
			return {
				param: {
					username: 'admin',
					password: '123123',
				},
			};
		},
		methods: {},
		components: {}
	};
</script>
<style lang="scss" scoped="scoped">
.el-main{
	background:#fff;
	margin-left: 20px;
}
	#app {
		display: flex;
		flex-direction: column;
	}
	i{
		margin-right: 10px;
		font-size: 20px;
	}
	.left_nav{
		display: flex;
		flex-direction: column;
		background: #FFFFFF;
		border-radius: 5px;
		padding: 40px;
		a{
			margin-bottom: 40px;
		}
	}
	p{
		font-size: 18px;
	}
	.tocont{
		display: flex;
		align-items: center;
	}
</style>
